<%--
  Created by IntelliJ IDEA.
  User: 梁玉杰
  Date: 2021/7/20
  Time: 16:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8" />
    <title>智慧校园-学生管理</title>
    <%--layui.css--%>
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/libs/layui/css/layui.css"
          media="all">
    <!-- layui js -->
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/libs/jquery/jquery-3.5.1.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/libs/layui/layui.js"
            charset="utf-8"></script>
    <%--记载自己的js--%>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/static/js/student/stu8.js"></script>
</head>
<body>

<%--是js获取到项目名称--%>
    <div>
        <input id="basePath" hidden="hidden" value="${pageContext.request.contextPath}"/>
    </div>


<%--模糊查询--%>
<div>

    <div class="layui-form-item">
        <label class="layui-form-label">姓名</label>
        <div class="layui-input-block">
            <input type="text" id="stuName" name="stuName" lay-verify="studentName"
                   style="width: 175px;"  autocomplete="off" placeholder="请输入姓名" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item" >
        <div class="layui-inline">
            <label class="layui-form-label">手机号</label>
            <div class="layui-input-inline">
                <input type="tel" id="mobile" name="mobile" lay-verify="required|mobile"
                       style="width: 175px;"     autocomplete="off" class="layui-input">
            </div>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">性别</label>
        <div class="layui-input-block">
            <select name="sex" id="sex" lay-filter="sex" class="layui-input">
                <option value=""></option>
                <option value="F">女生</option>
                <option value="M">男生</option>
            </select>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">单行选择框</label>
            <div class="layui-input-block">
                <select name="interest" lay-filter="aihao">
                    <option value=""></option>
                    <option value="0">写作</option>
                    <option value="1" selected="">阅读</option>
                    <option value="2">游戏</option>
                    <option value="3">音乐</option>
                    <option value="4">旅行</option>
                </select>
            </div>
        </div>
        <div class="layui-input-inline">
            <select name="typeId" class="layui-input">
                <option value="">请选择账单类型</option>
                <option value="F">女生</option>
                <option value="M">男生</option>
            </select>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">年龄</label>
        <div class="layui-input-block">
            <input type="text" id="age" name="age" lay-verify="age" autocomplete="off" placeholder="请输入年龄" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">身份证号</label>
        <div class="layui-input-block">
            <input type="text" id="idNum" name="idNum" lay-verify="idNum" autocomplete="off" placeholder="请输入身份证号" class="layui-input">
        </div>
    </div>

    <%--查询按钮--%>
    <div class="layui-btn-container">
        <button type="button" onclick="findStudentInfo()" class="layui-btn layui-btn-normal">查询</button>
        <%--
                <button type="button" onclick="findStudentInfo()" class="layui-btn">查询</button>
        --%>
    </div>

</div>

<div class="layui-container" >
    <table class="layui-hide" id="table_user" lay-filter="test"></table>
    <script type="text/html" id="actionBar">
        {{#  if(d.sex =='F'){   }}
        <a class="layui-btn layui-btn-xs" lay-event="comment">备注</a>
        {{#  }    }}
        <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>
    <script type="text/html" id="toolbar">
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="mult-del">批量删除</a>
    </script>
</div>


<noscript id="tpl-user" >
    <!-- style 尽量不要影响到页面其他元素,使用#userinfo范围限定 -->
    <style type="text/css">
        #userinfo .layui-form-label.layui-required:after {
            content: "*";
            color: red;
            position: absolute;
            top: 10px;
            right: 5px;
        }
    </style>




    <div class="layui-card" id="userinfo">
        <div class="layui-card-header">用户备注框</div>
        <div class="layui-card-body">
            <form class="layui-form" action="" lay-filter="info">
                <div class="layui-form-item">
                    <label class="layui-form-label layui-required">用户名</label>
                    <div class="layui-input-block">
                        <input type="text" name="username" lay-verify="required" lay-reqtext="用户名是必填项，岂能为空？" placeholder="请输入"
                               autocomplete="off" value="{{d.username}}" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <!-- 其他复杂表单参考--http://www.shagua.wiki/project/3?p=121 -->
                    <label class="layui-form-label">复选框</label>
                    <div class="layui-input-block">
                        <input type="checkbox" name="like[write]" title="写作">
                        <input type="checkbox" name="like[read]" title="阅读" checked="">
                        <input type="checkbox" name="like[game]" title="游戏">
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">用户备注</label>
                    <div class="layui-input-block">
                        <textarea placeholder="请输入内容" name="content" lay-verify="contentRule" class="layui-textarea">{{d.content}}</textarea>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button type="submit" class="layui-btn tt" lay-submit="" lay-filter="demo1">立即提交</button>
                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </div>
                </div>
            </form>

        </div>
    </div>
</noscript>
</body>



</html>
